<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>AGL</title>
    <link rel="shortcut icon" href="https://s1.ax1x.com/2022/05/27/XmQ2vR.png" type="image/x-icon"/>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    <?php wp_head(); ?>
</head>

<style>

    html,body{
    width: 100%;
    height: 100%;
}
*{
    margin: 0;
    padding: 0;
    list-style: none;
}

@font-face {
     font-family: 'Trebuchet';
     src:  url('<?php echo get_stylesheet_directory_uri() ?>/Butler/Trebuchet MS.ttf');
     src:  url('<?php echo get_stylesheet_directory_uri() ?>/Butler/Trebuchet MS.ttf') format('embedded-opentype'),
       url('<?php echo get_stylesheet_directory_uri() ?>/Butler/Trebuchet MS.ttf') format('truetype'),
       url('<?php echo get_stylesheet_directory_uri() ?>/Butler/Trebuchet MS.ttf') format('ttf'),
       url('<?php echo get_stylesheet_directory_uri() ?>/Butler/Trebuchet MS.ttf') format('svg');
     font-weight: normal;
     font-style: normal;
   }
   
.myButton{
    right: 80px;
    width: 64px;
    height: 64px;
    position: fixed;
    display: none;
    bottom: 15%;
    cursor: pointer;

}
.coverBoxXX{
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height: 100%;
    background: rgba(0,0,0,.5);
    
}
.coverBox{
    z-index: 9;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.heard{
    height: 72px;
    padding: 0 92px;
    width: 100%;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    position: fixed;
    top:0;
    left:0;
    z-index: 99;
    transition: all .3s;
}
.heard-right{
    height:48px;
    display:flex;

}
.heard-rightItem{
    padding:0 20px;
    display:flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    cursor: pointer;
    position: relative;
}
.heard-rightItem span:nth-child(1){
    height: 22px;
font-size: 16px;
font-family: Trebuchet;
font-weight: normal;
line-height: 22px;
color: #a6aaad;
position: abs;

}
.heard-rightItem span:nth-child(2){
    width: 14px;
height: 2px;
opacity: 1;
margin-top:6px;
position: absolute;
    top: 70%;
}
/* 
background: #fff; */
.action span:nth-child(1){
    color: #fff;

}
.action span:nth-child(2){
    background: #fff;
}
.heard-rightImg{
    width: 32px;
    height: 32px;
    border: 2px #fff solid;
    border-radius: 9px;
    display: none;
    padding: 4px;
    box-sizing: border-box;
    

}
.heard-rightImg img{
    width: 20px !important;
    height: 20px !important;
}
.heard-rightYd{
    position: absolute;
    width: 100%;
    background: #11222E;
    top: 52px;
    left: 0;
    display:none;
    transition: all 1s;
color: #a6aaad;
}
.heard-rightYd .act{
    color: #fff;
}
.heard-rightYdItem{
    width:100%;
    height: 52px;
    line-height: 52px;
    padding: 0 15px;
    box-sizing: border-box;
    font-size: 17px;
}
.article{
    padding:160px 0;
    width:1140px;
    margin: 0 auto;
    text-align: center;
}
.article h2{
    height: 78px;
font-size: 56px;
font-family: Trebuchet;
    font-weight: bold;
line-height: 78px;
color: #0F0F0F;
}
.article h2:not(:first-child){
    margin-top: 110px;
}
.article text{
    display: block;
    height: 33px;
font-size: 24px;
font-family: Trebuchet;
font-weight: 400;
line-height: 33px;
color: #0F0F0F;
margin:16px 0 40px 0;

}
.article p{
    display: block;
    font-size: 20px;
font-family: Trebuchet;
font-weight: 400;
line-height: 32px;
color: #0F0F0F;
margin-bottom: 72px;
margin-top:12px;
}
.articleImg img{
    width:1140px;
    /* height: 653px; */
}

.footer{
    width:100%;
    background: #000;
    
}
.footer_top{
    width:100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    
}
.footer_bottom{
    width:100%;
    height: 86px;
    line-height: 86px;
    border-top: 1px solid #3f4241;
    box-sizing: border-box;
    display: flex;
    text-align: center;
    font-size: 16px;
font-family: Trebuchet;
font-weight: 400;
color: #FFFFFF;
display: flex;
justify-content: space-between;
    padding: 0 100px;
    box-sizing: border-box;
    align-items: center;

}
.footer_bottomLeft{
display: flex;
}
.footer_bottomLeft span{
    cursor: pointer;
        display: inline-block;
        height: 19px;
font-size: 16px;
font-family: Trebuchet;
font-weight: 400;
line-height: 19px;
color: #FFFFFF;
padding: 0 30px;
    
}
.footer_bottomLeft span a{
    color: #fff !important;
    text-decoration: none  !important;
    background-color: #000  !important;
    margin-top: 0px  !important; 
    padding: 0px  !important; 
    font-size: 16px  !important; 
}
.footer_bottomLeft span a:focus{
    outline: none  !important; 
}
.footer_bottomLeft span:nth-child(1){
        border-right:1px solid #3f4241
    }
    .footer_bottomRight{
        font-size: 16px;
font-family: Trebuchet;
font-weight: 400;
line-height: 19px;
color: #FFFFFF;
    }
.footer_top img{
    width:249.5px;
    margin: 76px 0 31px 0;
}
.footer_top div{
    height: 28px;
font-size: 20px;
font-family: Trebuchet;
font-weight: 600;
line-height: 28px;
color: #FFFFFF;
/* text-shadow: 0px 0px 16px rgba(255, 255, 255, 0.5); */
}
.footer_top p{
    height: 22px;
font-size: 20px;
font-family: Trebuchet;
/* font-weight: 600; */
line-height: 22px;
color: #FFFFFF;
text-align: center;
/* text-shadow: 0px 0px 16px rgba(255, 255, 255, 0.5); */
margin-top:10px;
margin-bottom:80px;
}

.coverBox div{
    height: 95px;
font-size: 80px;
text-align: center;
font-family: Trebuchet;
font-weight: normal;
line-height: 95px;
color: #FFFFFF;
    text-align: center;
/* text-shadow: 0px 0px 16px rgba(255, 255, 255, 0.5); */
padding-left: 20px;
}


 /* 下拉式四级导航 */
.hamburger{background:0 0;border:none;display:block;height:32px;margin-left:15px;position:fixed;top:20px;width:32px;z-index:999;right:0}
.hamburger:hover{outline:0}
.hamburger:focus{outline:0}
.hamburger:active{outline:0}
.hamburger.is-closed:before{-webkit-transform:translate3d(0,0,0);-webkit-transition:all .35s ease-in-out;color:#fff;content:'';display:block;font-size:14px;line-height:32px;opacity:0;text-align:center;width:100px}
.hamburger.is-closed:hover before{-webkit-transform:translate3d(-100px,0,0);-webkit-transition:all .35s ease-in-out;display:block;opacity:1}
.hamburger.is-closed:hover .hamb-top{-webkit-transition:all .35s ease-in-out;top:0}
.hamburger.is-closed:hover .hamb-bottom{-webkit-transition:all .35s ease-in-out;bottom:0}
.hamburger.is-closed .hamb-top{-webkit-transition:all .35s ease-in-out;background-color:#ddd;top:5px}
.hamburger.is-closed .hamb-middle{background-color:#ddd;margin-top:-2px;top:50%}
.hamburger.is-closed .hamb-bottom{-webkit-transition:all .35s ease-in-out;background-color:#ddd;bottom:5px}
.hamburger.is-closed .hamb-bottom,.hamburger.is-closed .hamb-middle,.hamburger.is-closed .hamb-top,.hamburger.is-open .hamb-bottom,.hamburger.is-open .hamb-middle,.hamburger.is-open .hamb-top{height:4px;left:0;position:absolute;width:100%}
.hamburger.is-open .hamb-top{-webkit-transform:rotate(45deg);-webkit-transition:-webkit-transform .2s cubic-bezier(.73,1,.28,.08);background-color:#ddd;margin-top:-2px;top:50%}
.hamburger.is-open .hamb-middle{background-color:#ddd;display:none}
.hamburger.is-open .hamb-bottom{-webkit-transform:rotate(-45deg);-webkit-transition:-webkit-transform .2s cubic-bezier(.73,1,.28,.08);background-color:#ddd;margin-top:-2px;top:50%}
.hamburger.is-open:before{-webkit-transform:translate3d(0,0,0);-webkit-transition:all .35s ease-in-out;color:#ddd;content:'';display:block;font-size:14px;line-height:32px;opacity:0;text-align:center;width:100px}
.hamburger.is-open:hover before{-webkit-transform:translate3d(-100px,0,0);-webkit-transition:all .35s ease-in-out;display:block;opacity:1}
a,li,ul{list-style:none;text-decoration:none}
ul li a{font-size:16px;color:#a6aaad}
body{width:100%;height:100%;position:relative}
.sidebar-nav{width:100%;position:fixed;top:0;right:-100%;background-color:#eee;transition:all .3s;box-sizing:border-box}
.sidebar-nav-open{right:0}
.sidebar-nav .sidebar-brand>a{font-size:18px;font-family: Trebuchet;}
.sidebar-nav .sidebar-brand .xl{display:none}
.sidebar-nav .sidebar-brand a{display:flex;display:-webkit-flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:flex-start;justify-content:flex-start;margin-bottom:20px}
.sidebar-nav .sidebar-brand a .sj{display:block;width:6px;height:6px;border-right:1px solid #ddd;border-top:1px solid #ddd;transform:rotate(135deg);-webkit-transform:rotate(135deg);margin-left:10px}
.sidebar-nav .sidebar-brand a .sjrotate{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}
/* .activ{color:red} */
/* .activ02{color:pink} */

.mbwrap{z-index: 12;left: 0;display: block;width: 100%;position:fixed;top: 0;}
.mbheader{display: flex;width: 220px;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;top: 10px;left: 0;position: fixed;z-index: 1;}
/* .mbheader02{top: 0;padding: 10px 0;width: 100%;background-color: rgba(27,27,27,0.9);position: relative;z-index: 2;} */
.mbwrap .hamburger{margin-left: 0;position: relative;top: 0;background-color: transparent;width: 50px;height: 50px;transform: scale(.8);
    position: fixed;
    right: 9px;
}
.mbheader02 .hamburger{background-color: transparent;}
.mbwrap .mblogo{width: 170px;box-sizing: border-box;padding: 0 10px;background-color: rgba(27,27,27,0.9);display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;-webkit-justify-content: center;justify-content: center;height: 50px;position: relative;z-index: 2;}
.mbwrap .mblogo img{display: block;width: auto;height: 30px;}
.mbwrap .mbheader02 .mblogo{background-color: transparent;}
.hamburger.is-closed .hamb-top, .hamburger.is-closed .hamb-middle, .hamburger.is-closed .hamb-bottom, .hamburger.is-open .hamb-top, .hamburger.is-open .hamb-middle, .hamburger.is-open .hamb-bottom{height: 2px;background-color: #fff;width: 34px;left: 8px;}
.hamburger.is-closed .hamb-top,.hamburger.is-closed:hover .hamb-top{top: 13px;}
.hamburger.is-closed .hamb-bottom,.hamburger.is-closed:hover .hamb-bottom{bottom: 13px;}
.sidebar-nav{right: inherit;left: 0;top:-100%;z-index: 0;}
.sidebar-nav-open{top: 0;padding-top: 100px;}
.sidebar-nav{background-color:#fff}
.sidebar-nav{padding: 80px 20px 10px;}
/* a:focus, a:hover{color: #fff;} */
.sidebar-nav .sidebar-brand .xl{padding-left: 20px;}

.sidebar-nav .sidebar-brand>a{padding-bottom: 20px;border-bottom: 1px solid #736c6c;text-transform: uppercase;font-size: 16px;}
.sidebar-nav .sidebar-brand>.action{
    color: #1F274B;
}
.sidebar-nav .bot{/* position: absolute; */right: 0;bottom: 30px;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;align-items: center;-webkit-align-items: center;}
/* .sidebar-nav.sidebar-nav-open .bot{position: fixed;} */
.sidebar-nav .bot a{font-size: 14px;color: #ddd;margin-right: 30px;}

.sidebar-nav .sidebar-brand a .sj{border-color: #555555;}
/* .sidebar-nav .sidebar-brand a .sjrotate{border-color: #DC2924;} */
.sidebar-brand-two a{color: #333;}
.sidebar-brand-there a{color: #555;}
.sidebar-brand-there .sidebar-nav-four a{color: #999;}
/* a.activ02{color: #DC2924!important;} */
.mbwrap{
    display:none;
}

/* .myIndex{
    display: none;
} */

/* 320~576 */
@media only screen and (min-width: 320px)and (max-width: 576px) {
    .myButton {
    width: 40px;
    height: 40px;
    right: 15px;
    /* z-index: 99; */
    
}
.footer_bottom{
    padding: 0 15px;
}
.footer_bottomLeft span{
    font-size: 12px;
    padding: 0 5px;
}
.footer_bottomLeft span a{
    font-size: 12px !important;
}
.article h2:not(:first-child){
    margin-top: 40px;
}
.footer_bottomRight{
    font-size: 12px;
}
.mbwrap{
    display:block;
}
.heard-rightImg{
    display: block;
}
.heard-right{
    display: none;
}
    .heard{
    
    height: 52px;
    padding: 0 15px;
    
}
.heard img{
    /* width: 106px; */
    height: 35px;
}
.cover{
    width: 100%;
    position: relative;
    /* top: 52px; */
    /* padding-top: 52px; */
    /* height: 100vh; */
    box-sizing: border-box;
    overflow: hidden;
}
.cover>img{
    width: 100%;
    display:block;
    /* height: calc(100%);
    transform: translateX(-50%); */
}

.coverBox{
    width: calc(100% - 30px);
}
.coverBox img{
    display:block;
    width: 78px;
}
.coverBox div{
    height: 30px;
    font-size: 28px;
    line-height: 30px;
    padding-left: 8px;
}

.article{
    padding: 40px 0;
    width: calc(100% - 30px);
}
.article h2{
    height: 58px;
    font-size: 30px;
    line-height: 58px;

}
.article text{
    height: 26px;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    color: #0F0F0F;
    margin: 0px 0 20px 0;

}
.article p {
    font-size: 18px;
    line-height: 33px;
    color: #0F0F0F;
    margin-bottom: 32px;
}
.articleImg img{
    width:calc(100%);
}
.footer_top img{
    width: 149.5px;
    /* height: 105px; */
    margin: 46px 0 21px 0;
}
.footer_top div{
    font-size: 20px;
}
.footer_top p{
    font-size: 12px;
    line-height: 22px;
    margin-top: 10px;
    width: calc(100% - 30px);
    margin-bottom: 40px;
}
}

@media only screen and (min-width: 576px) and (max-width: 992px) {

    .footer_bottom{
    padding: 0 15px;
}
.footer_bottomLeft span{
    padding: 0 20px;
}

    .mbwrap{
    display:block;
}
.heard-rightImg{
    display: block;
}
.heard-right{
    display: none;
}
.mbwrap .hamburger{
    top: 12px;
    transform: scale(1.1);
    right: 23px;
}
.sidebar-nav{
    padding: 90px 30px 10px;
}
.sidebar-nav .sidebar-brand>a{
    font-size: 20px;
    padding-bottom: 32px;
}
}
/* 576~992 */
@media only screen and (min-width: 576px) {
    .heard{
    height: 72px;
    padding: 0 30px;
}
.myButton {
    right: 15px;
    /* z-index: 99; */
}


.heard img{
    width: 106px;
    height: 48px;
}
.cover{
    width: 100%;
    position: relative;
    /* padding-top:72px; */
}
.cover>img{
    width: 100%;
    display: block;
}

.coverBox{
    width: calc(100% - 30px);
}
.coverBox img{
    width:144px;
}
.coverBox div{
    height: 65px;
    font-size: 50px;
    line-height: 65px;

    padding-left: 15px;
}

.article{
    width:calc(100% - 30px);
    margin: 0 auto;
    text-align: center;
}
.articleImg img{
    width:calc(100%);
}
}


/* 992~1200 */
@media only screen and (min-width: 992px) {
.heard-rightYd{
    display: none !important;
}
.heard img{
    width: 106px;
    height: 48px;
}
.cover{
    width: 100%;
    position: relative;
    /* padding-top:72px; */
}
.cover{
    width: 100%;
}
.coverBox{
    width: 932px;
}
.coverBox img{
    width:204px;
}
.article{
    width:932px;
}
.articleImg img{
    width:932px;
    /* height: 534px; */
}
.myButton{
    right: 80px;
}

}


/* 超大型设备（大型笔记本电脑和台式机，1200 像素及以上） */
@media only screen and (min-width: 1200px) {
.heard img{
    width: 106px;
    height: 48px;
}
.heard-rightYd{
    display: none ;
}
.cover{
    width: 100%;
    position: relative;
    /* padding-top:72px; */
}
.cover>img{
    width: 100%;
    display: block;
}


.coverBox{
    width: 1140px;
}
.coverBox img{
    width:244px;
}

}



</style>
<body>
    <div class="myIndex">
        <div class="heard" id="heardx">
            <img src="<?php echo get_stylesheet_directory_uri() ?>/images/AGL_LOGO_white.png"/></img>
            <!-- <div id="rightImg" class="heard-rightImg">
                <img src="https://s1.ax1x.com/2022/05/28/XnWXRO.png"/>
            </div> -->

            <div class="mbwrap">
			<div class="mbheader">
				<button type="button" class="hamburger  is-closed animated fadeInLeft" data-toggle="offcanvas">
					<span class="hamb-top"></span>
					<span class="hamb-middle"></span>
					<span class="hamb-bottom"></span>
				</button>
            </div>
</div>
            <!-- PC--导航栏 -->
            <div class="heard-right">
                <div class="heard-rightItem action">
                    <span>About Us</span>
                    <span></span>
                </div>
                <!-- <div class="heard-rightItem">
                    <span>Strategy</span>
                    <span></span>
                </div>
                <div class="heard-rightItem">
                    <span>Team</span>
                    <span></span>
                </div> -->
            </div>
           
        </div>

        <div class="mbwrap">
		
			<ul class="sidebar-nav">
				<li class="sidebar-brand">
					<a class="action" href="javascript:;">About Us</a>
				</li>
				<!-- <li class="sidebar-brand">
					<a href="javascript:;">Strategy</a>
				</li>
				<li class="sidebar-brand">
					<a href="javascript:;">Team</a>
					
				</li> -->
			</ul>
		</div>

        <div class="cover">
            <!-- <div class="coverBox">
            <div>Here Is The Slogan Text</div>
            </div>
            <div class="coverBoxXX"></div> -->
            <?php
	$post_id = 111; // 文章ID
	echo get_post( $post_id )->post_content; // 输出文章的内容
?>
            <img class="coverImg" src=""/>

           

        </div>
        <div class="article">
        
        <?php  
          $posts = get_posts();
          foreach ( $posts as $post ){
              if($post->ID != 111){
          ?>


            <h2>
                <!-- 获取文章标题 -->
                <?php the_title(); ?>   
            </h2>
            <p>
                 <!-- 获取文章内容 -->
                <?php the_content(); ?>
            </p>
            <div class="articleImg">
                <!-- 获取文章特色图片 -->
                <img src="<?php
                    $post_ID=$post->ID;
                    $post_thumbnail_id = get_post_thumbnail_id( $post_ID );
                    $post_thumbnail_src = wp_get_attachment_image_src($post_thumbnail_id,'Full');
                    echo $post_thumbnail_src[0];
                ?>" />
            </div>

        <?php }} ?>

        </div>
        <div class="footer">
            <div class="footer_top">
                <img  src="<?php echo get_stylesheet_directory_uri() ?>/images/AGL_LOGO_white.png"/>
                <div>CONTACT US</div>
                <p>For any inquiries, please email us at contactus@aglpartners.com</p>
            </div>
            <div class="footer_bottom">
                <div class="footer_bottomLeft">
                    <span>Terms of use</span>
                    <span><?php echo do_shortcode("[cookie_settings]"); ?> </span>
                </div>
                <div class="footer_bottomRight">
                    Copyright © 2022 AGL
                </div>
            </div>
        </div>
        <img id="myButton" class="myButton" src="<?php echo get_stylesheet_directory_uri() ?>/images/topImg.png">
    </div>
    <?php wp_footer(); ?>
</body>
<script type="text/javascript">
    let myButton = document.getElementById("myButton");
    let heardRightImg = document.getElementById("rightImg");
    let heard = document.getElementById("heardx");
    let scrollY = 0;
    let isClosed = false;//默认false
    // let rightYd = document.getElementById("rightYd");

    window.onscroll = function() {
  //为了保证兼容性，这里取两个值，哪个有值取哪一个
  //scrollTop就是触发滚轮事件时滚轮的高度
  var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
//   console.log("滚动距离" + scrollTop);
scrollY = document.documentElement.scrollTop || document.body.scrollTop;
  if(scrollTop>0){
    if(scrollTop>72){
        myButton.style.display = 'block';
    }
    heard.style.background = '#fff';
    heard.children[0].setAttribute('src','<?php echo get_stylesheet_directory_uri() ?>/images/AGL_LOGO_primary.png');
    $('.hamb-top').css({
        backgroundColor: '#1F274B'
    })
    $('.hamb-middle').css({
        backgroundColor: '#1F274B'
    })
    $('.hamb-bottom').css({
        backgroundColor: '#1F274B'
    })
    $('.heard-rightItem').each(function(){
        $(this).children('span').eq(0).css({
        color: '#a6aaad'
    });
    })

   
    $('.heard-rightItem').children('span').eq(1).css({
        background: 'transparent'
    })
    $('.action').children('span').eq(0).css({
        color: '#1F274B'
    });
    $('.action').children('span').eq(1).css({
        background: '#1F274B'
    })
  }else{
      if(!isClosed){
        myButton.style.display = 'none';
    heard.style.background = 'transparent';
    heard.children[0].setAttribute('src','<?php echo get_stylesheet_directory_uri() ?>/images/AGL_LOGO_white.png');
    $('.hamb-top').css({
        backgroundColor: '#fff'
    })
    $('.hamb-middle').css({
        backgroundColor: '#fff'
    })
    $('.hamb-bottom').css({
        backgroundColor: '#fff'
    })
      }



    //   $('.heard-rightItem').each(function(){
    //     console.log('this--->',this)
    //     $(this).children('span').eq(0).css({
    //     color: '#a6aaad'
    // });
    // })

   
    // $('.heard-rightItem').children('span').eq(1).css({
    //     background: 'transparent'
    // })
    $('.action').children('span').eq(0).css({
        color: '#fff'
    });
    $('.action').children('span').eq(1).css({
        background: '#fff'
    })
    

  }
}
// 回到顶部
    myButton.addEventListener('click', function() { //注意这里的事件类型(鼠标点击('click'))。
        // document.body.scrollTop = document.documentElement.scrollTop = 0;

        var timer = null;
cancelAnimationFrame(timer);
timer = requestAnimationFrame(function fn(){
var oTop = document.body.scrollTop || document.documentElement.scrollTop;
if(oTop > 0){
scrollTo(0,oTop-50);

timer = requestAnimationFrame(fn);
}else{
    myButton.style.display = 'none';
cancelAnimationFrame(timer);
} 
});
    
});
let isTrue = true;

// 移动端导航栏

$(document).ready(function() {

	var trigger = $('.hamburger');
                // console.log("$('#coverImg').attr('src')",);
                $('.coverImg').attr('src',$('.wp-block-image').eq(0).children().attr('src'))
                $('.wp-block-image').eq(0).css({
                    display: 'none'
                })

	var trigger = $('.hamburger')

		
	trigger.click(function() {
		hamburger_cross(); //点击切换false/true
	});
console.log(isClosed);
	function hamburger_cross() {
		// 条件判断
		if (isClosed == true) { //当isClosed == true时
			trigger.removeClass('is-open');//移除is-open
			trigger.addClass('is-closed');//添加is-closed
			isClosed = false;//重新赋值（实现循环点击）
			$(".sidebar-nav").removeClass("sidebar-nav-open");
			$(".xl").slideUp();
			$(".sj").removeClass("sjrotate");
			$("a").removeClass("activ");
			$(".mbheader").removeClass("mbheader02");
			console.log(heard.children[0]);
            if(scrollY==0){
                heard.style.background = 'transparent';
                heard.children[0].setAttribute('src','<?php echo get_stylesheet_directory_uri() ?>/images/AGL_LOGO_white.png');
    $('.hamb-top').css({
        backgroundColor: '#fff'
    })
    $('.hamb-middle').css({
        backgroundColor: '#fff'
    })
    $('.hamb-bottom').css({
        backgroundColor: '#fff'
    })
            }
    
          
               


   


		} else {
			trigger.removeClass('is-closed');
			trigger.addClass('is-open');
			isClosed = true;
			$(".sidebar-nav").addClass("sidebar-nav-open");
			$(".mbheader").addClass("mbheader02");
			console.log(isClosed);
            heard.children[0].setAttribute('src','<?php echo get_stylesheet_directory_uri() ?>/images/AGL_LOGO_primary.png');
    $('.hamb-top').css({
        backgroundColor: '#1F274B'
    })
    $('.hamb-middle').css({
        backgroundColor: '#1F274B'
    })
    $('.hamb-bottom').css({
        backgroundColor: '#1F274B'
    })
		}
	}

	$('[data-toggle="offcanvas"]').click(function() {
		$('#wrapper').toggleClass('toggled');
	});


	//二级下拉
	$(".sidebar-nav .sidebar-brand>a").click(function() {
		$(this).siblings(".sidebar-nav-two").slideToggle();
		$(this).children().toggleClass("sjrotate").parents(".sidebar-brand").siblings().find(".sj").removeClass(
			"sjrotate");
		$(this).parents(".sidebar-brand").siblings().find(".sidebar-nav-two").slideUp();
		$(this).parent().siblings().find(".xl").slideUp();
		$(this).toggleClass("activ").parent().siblings().find("a").removeClass("activ");
		$(this).parent().siblings().find("a").removeClass("activ02");

	});

	//三级下拉
	$(".sidebar-brand-two>a").click(function() {
		$(this).siblings(".sidebar-nav-there").slideToggle().parent().siblings().find(".sidebar-nav-there").slideUp();
		$(this).children().toggleClass("sjrotate").parents(".sidebar-brand-two").siblings().find(".sj").removeClass(
			"sjrotate");
		$(this).toggleClass("activ02").parent().siblings().find("a").removeClass("activ02");
		$(this).parent().siblings().find("a").removeClass("activ02");
		$(this).parent().siblings().find(".xl").slideUp();

	});

	//四级下拉
	$(".sidebar-brand-there>a").click(function() {
		$(this).siblings(".sidebar-nav-four").slideToggle().parent().siblings().find(".sidebar-nav-four").slideUp();
		$(this).children().toggleClass("sjrotate").parents(".sidebar-brand-there").siblings().find(".sj").removeClass(
			"sjrotate");
		$(this).toggleClass("activ02").parent().siblings().find("a").removeClass("activ02");
		// $(this).parent().siblings().find("a").removeClass("activ02");
	});
});

//heard-rightImg heard-rightYd XnWOJK  XnWXRO  https://s1.ax1x.com/2022/05/28/XnWXRO.png
    // let img1 = document.getElementById("bgImg");
    // let myIndex = document.getElementsByClassName("myIndex");

    //     img1.onload = function() {
    //         cons
    //         myIndex.style.display = 'block'
    //     }
    </script>
</html>